<template>
    <view class="navWrap" @click="goSearch">
     <view class="innerWrap" :class="[searchStyle]" :style="{textAlign}">
   <uni-icons type="search" size="16"></uni-icons> {{placeholder}}
     </view>
    </view>
</template>

<script>
export default {

 inject: ['params','style'],
    data() {
        return {
             searchStyle:this.style.searchStyle,
             textAlign:this.style.textAlign,
             placeholder:this.params.placeholder
        };
    },
    mounted() {
      
    },
    methods: {
        goSearch(){
          uni.navigateTo({ url: '/subpackg_1/searchPage/index'})
        }
    },
};
</script>

<style lang="scss" scoped>
  .navWrap{
    box-sizing: border-box;
     height: 162rpx;
     width: 100vw;
     background: #f1f1f2;
     padding: 30rpx;
    .innerWrap{
    height: 98rpx;
    width: 100%;
    line-height: 98rpx;
    background: #fff;
    box-sizing: border-box;
    padding: 0 20rpx;
   font-size: 28rpx;
    &.round{
        border-radius: 49rpx;
    }
    &.radius{
        border-radius: 15rpx;
    }
  }
  }

</style>